<template>
    <div class="outer-layer">
        <h4 class="website">网站使用规约</h4>
        <div class="content">
            <h4>第一章 总则</h4>
            <h4>第一条 协议性质</h4>
            <div>
                本规约（以下简称“协议”）由网站运营方（以下简称“甲方”）与网站使用者（以下简称“乙方”）共同订立，旨在规范乙方使用甲方网站（以下简称“本网站”）的行为，明确双方权利义务，保障网站安全、稳定运行及合法权益。乙方通过注册、登录或实际使用本网站的行为，视为对本协议的完全接受。有关于个人信息保护的隐私政策甲方已经另行制定并公布。
            </div>

            <h4>第二条 适用范围</h4>

            <div>
                本协议适用于乙方在本网站上进行的全部活动，包括但不限于信息浏览、数据下载、内容发布、技术交互、商业合作等。
            </div>

            <h4>第三条 法律依据</h4>

            <div>
                本协议依据以下法律法规制定
            </div>

            <div class="law">
                <div v-for="(item, index) in basisData" :key="index">
                    {{ index + 1 }}.{{ item.title }}
                </div>
            </div>

            <h4>第二章 用户行为规范</h4>
            <h4>第四条 禁止违法与侵权行为</h4>

            <h4 class="safe">1.内容安全</h4>
            <li class="safe-content">
                <span>乙方不得在本网站发布、传播以下内容：</span>
                <div v-for="(item, index) in safeData" :key="index" class="safe-content-top">
                    {{ item.title }}
                </div>
            </li>

            <h4 class="safe">2. 技术安全</h4>
            <li class="safe-content">
                <span>乙方不得利用本网站实施以下行为：</span>
                <div v-for="(item, index) in technologyData" :key="index" class="safe-content-top">
                    {{ item.title }}
                </div>
            </li>

            <h4>第五条 数据安全与合规使用</h4>

            <h4 class="safe">1. 数据分类与保护</h4>
            <li class="safe-content">
                甲方对乙方上传至本网站的各类资料和信息（如工艺流程、材料配方、测试数据等）采取加密存储、权限分级等措施保护数据安全。
            </li>
            <li class="safe-content">
                未经乙方书面同意，甲方不会将本网站数据用于与半导体制造无关的其他用途，亦不会向境外组织或个人提供数据
            </li>

            <h4 class="safe">2. 知识产权声明</h4>
            <li class="safe-content">
                乙方承诺其发布的内容（如技术论文、产品说明）不存在侵犯第三方知识产权的情形，且已取得必要的授权
            </li>
            <li class="safe-content">
                若因乙方侵权行为导致甲方或第三方损失，乙方应承担全部赔偿责任。
            </li>

            <h4>第三章 知识产权保护</h4>
            <h4>第六条 网站内容归属</h4>
            <div class="article">
                <div>
                    1. 本网站的所有内容（包括但不限于文字、图表、软件代码、界面设计等）的著作权、专利权及其他知识产权均归甲方或其合法授权方所有。
                </div>
                <div>
                    2. 未经甲方书面许可，乙方不得以复制、翻译、改编、反向工程等方式使用网站内容，亦不得将内容用于商业推广或衍生品开发
                </div>
            </div>

            <h4>第七条 用户原创内容管理</h4>
            <div class="article">
                <div>
                    1. 甲方在本网站发布的原创内容（如技术博客、案例分析）默认授予乙方非独占、不可再授权、不可编辑、不可转播、仅供学习用途的有限使用权，甲方仍保留著作权
                </div>
                <div>
                    2. 甲方有权随时撤回原创内容授权，甲方有权随时删除并要求乙方删除相关内容
                </div>
            </div>

            <h4>第八条 商业秘密保护</h4>
            <div class="article">
                <div>
                    1. 双方确认在合作过程中知悉的对方商业秘密（如甲方的技术支持方案、乙方的采购需求）须严格保密，保密期限为自披露之日起三年。
                </div>
                <div>
                    2. 除下列情况外，甲方将不会未经乙方同意而向任何其他方披露甲方的保密信息：
                </div>

                <div class="circumstance" v-for="(item, index) in circumstanceData" :key="index">
                    {{ item.name }}{{ item.title }}
                </div>

                <div class="circumstance-border">
                    3. 泄露商业秘密的一方需依法承担由此产生的经济损失及法律责任。
                </div>
            </div>

            <h4>第四章 隐私与数据保护</h4>
            <h4>第九条 用户信息管</h4>
            <div class="article">
                <div>
                    1. 甲方收集的乙方信息（如企业名称、联系人、邮箱等）仅用于提供服务、优化功能和履行协议之需，未经乙方书面同意不得向第三方披露。
                </div>
                <div>
                    2. 乙方应确保所提供信息的真实性、准确性，如因信息错误导致第三方损失，乙方自行承担责任。
                </div>
            </div>

            <h4>第十条 数据跨境传输</h4>
            <div class="article">
                <div class="circumstance-border" style="padding-left: 15px;">
                    若涉及跨境数据传输（如向境外服务器上传数据），双方承诺遵守相关规定
                </div>
            </div>

            <h4>第五章 服务与费用</h4>
            <h4>第十一条 服务内容与标准</h4>
            <div class="first-party">
                甲方提供以下服务
            </div>
            <li class="safe-content">
                行业资讯发布与检索；
            </li>
            <li class="safe-content">
                技术文档共享与协作平台
            </li>
            <li class="safe-content">
                定制化数据分析与咨询服务
            </li>

            <div class="title-border">
                <span>

                    第十二条
                </span>

                我们和您均应各自遵守适用于己方的与本网站服务及本网站服务相关的、涉及数据安全、保守国家秘密等事宜的全部法律规定，您应确保向我们提供的文件、资料不包含涉及国家秘密、国家机关工作秘密或核心数据的文件、资料。若您提供的文件、资料包含重要数据的，您应在提供前对该等文件、资料进行标识并告知我们处理、存储该等数据的要求。

                <!-- <div>
                </div> -->
            </div>


            <h4>第六章 违约责任</h4>
            <h4>第十三条 违约责任</h4>
            <div class="article">
                <div>
                    1. 乙方违反本协议第四条、第五条规定的，甲方有权立即终止服务，并要求乙方赔偿实际损失及甲方为维权支出的合理费用（包括律师费、鉴定费）。
                </div>
                <div class="circumstance-border">
                    2. 乙方擅自将网站内容用于商业目的的，甲方有权追偿全部收益，并要求支付相当于收益三倍的违约金。
                </div>
            </div>

            <h4>第七章 争议解决</h4>
            <h4>第十四条 协商与诉讼</h4>
            <div class="article">
                <div>
                    1. 争议应首先通过友好协商解决。
                </div>
                <div class="circumstance-border">
                    2. 协商不成时，任何一方均可向被告方所在地有管辖权的人民法院提起诉讼。
                </div>
            </div>

            <h4>第八章 其他条款</h4>
            <h4>第十五条 协议变更</h4>

            <div>甲方有权根据法律法规或业务调整修改本协议，修改后通过网站公告或邮件通知乙方。乙方未在公告发布后30日内提出异议的，视为同意变更。</div>

            <h4>第十六条 终止与延续</h4>
            <div class="article">
                <div>
                    1. 本协议长期有效。
                </div>
                <div>
                    2. 乙方连续6个月未使用网站服务，甲方有权单方终止协议并收回账号权限
                </div>
            </div>

            <div style="text-align: right;">(完)</div>
        </div>
    </div>

</template>

<script setup lang='ts'>

//本协议依据以下法律法规制定
const basisData = [
    {
        title: '《中华人民共和国民法典》'
    },
    {
        title: '《中华人民共和国网络安全法》'
    },
    {
        title: '《中华人民共和国数据安全法》'
    },
    {
        title: '《中华人民共和国个人信息保护》'
    },
    {
        title: '《网络信息内容生态治理规定》'
    },
    {
        title: '《中华人民共和国电子商务法》'
    },
    {
        title: '《计算机信息网络国际联网安全保护管理办法》'
    },
    {
        title: '其他与互联网服务及半导体行业相关的现行有效法律法规'
    },

]

//内容安全
const safeData = [
    {
        title: '（1）违反宪法和法律的基本原则，危害国家安全、社会稳定或公共利益的言论；'
    },
    {
        title: '（2）侵犯他人著作权、专利权、商标权、商业秘密或其他知识产权的内容；'
    },
    {
        title: '（3）涉及半导体行业核心技术秘密（如工艺参数、设备设计图、芯片架构等）的泄露行为；'
    },
    {
        title: '（4）淫秽、色情、暴力、恐怖主义或教唆犯罪的信息；'
    },
    {
        title: ' （5）虚假宣传、商业欺诈或误导消费者的信息。'
    },
]

//技术安全
const technologyData = [
    {
        title: '（1）非法入侵、攻击或破坏网站系统'
    },
    {
        title: '（2）传播计算机病毒、木马程序或其他恶意软件；'
    },
    {
        title: '（3）通过爬虫、自动化脚本等手段过度抓取网站数据'
    },
    {
        title: '（4）干扰网站正常运行或妨碍其他用户使用服务。'
    },
]

//商业秘密保护
const circumstanceData = [
    {
        title: '为本履行服务的目的而被允许作出的披露',
        name: '(i)'
    },
    {
        title: '根据法律、法规或规定、法律程序或专业职责的要求而作出的披露；',
        name: '(ii)'

    },
    {
        title: '甲方可在向其他潜在客户提交的建议方案或其他类似文件中提及乙方为甲方的客户并提及相关服务',
        name: '(iii)'

    },
    {
        title: '甲方可披露甲方的保密信息给为甲方和其他关联公司及其相关人员提供基础设施或其它支持服务的供应商。',
        name: '(iv)'

    },
]

</script>

<style lang="scss" scoped>
.outer-layer {
    h4 {
        height: 10px;
        margin-top: 8px;
    }

    .website {
        text-align: center;
    }

    .content {



        .law {
            padding-left: 25px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .article {
            padding-left: 25px;
            margin-bottom: 10px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;

            .circumstance {
                padding-left: 40px;

            }

            .circumstance-border {
                padding-bottom: 10px;
            }
        }

        .safe {
            padding-left: 20px;
        }

        .safe-content {
            padding-left: 50px;

            .safe-content-top {
                padding-left: 30px;
            }
        }

        .first-party {
            padding-left: 40px;
        }

        .title-border {
            border-bottom: 1px solid #ccc;
            padding: 20px 0 15px 0;

            span {
                font-weight: 600;
            }

        }
    }
}
</style>